<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	    <meta name="format-detection" content="telephone=no, email=no"/>
	    <meta name="apple-mobile-web-app-capable" content="yes"/>
	    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
	    <link rel="stylesheet" type="text/css" href="css/tab.css"/>
	    <script src="js/tab.js"></script>
	</head>
	<body>
		<div class="tab" id="tab-1">
			<div class="btn">
				<input type="button" value="第一个" class="active"/>
				<input type="button" value="第二个" />
				<input type="button" value="第三个" />
			</div>
			<ul>
				<li class="show">嘻嘻嘻</li>
				<li>嘿嘿嘿</li>
				<li>哈哈哈</li>
			</ul>
		</div>
		<div class="tab" id="tab-2">
			<div class="btn">
				<input type="button" value="第一个" class="active"/>
				<input type="button" value="第二个" />
				<input type="button" value="第三个" />
			</div>
			<ul class="clearfix">
				<li class="show">嘻嘻嘻</li>
				<li>嘿嘿嘿</li>
				<li>哈哈哈</li>
			</ul>
		</div>
		<div class="tab" id="tab-3">
			<div class="btn">
				<input type="button" value="第一个" class="active"/>
				<input type="button" value="第二个" />
				<input type="button" value="第三个" />
			</div>
			<span class="zuo"><</span>
			<span class="you">></span>	
			<ul>
				<li class="show">嘻嘻嘻</li>
				<li>嘿嘿嘿</li>
				<li>哈哈哈</li>
			</ul>
		</div>
	</body>
</html>
